.container {
  .fade-banner {
    position: relative;
    padding: 7.5% 50%;

    .banner {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      margin-top: 0;
      img {
        width: 100%;
        height: 100%;
      }
    }

    .banner-1 {

      animation: alternates 20s ease-in-out infinite;
    }

    .banner-2 {
      animation: alternates-reverse 20s ease-in-out infinite;

    }

    @keyframes alternates {
      0% {
        opacity: 0;
      }

      20% {
        opacity: 0;
      }

      30% {
        z-index: 1;
        opacity: 1;
      }

      70% {
        opacity: 1;
      }

      80% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    @keyframes alternates-reverse {
      0% {
        opacity: 1;
      }

      20% {
        opacity: 1;
      }

      30% {
        opacity: 0;
      }

      70% {
        opacity: 0;
      }

      80% {
        opacity: 1;
      }

      100% {
        opacity: 1;
      }
    }
  }

  .designer-content {
    .designer-content-c {

      .designer {
        color: #a4a4a4;
        font-size: 14px;
        border-bottom: 1px solid currentColor;

        &:hover {
          border-bottom: 1px solid #b9ab77;
        }

        h3,
        .position {
          text-align: center;
        }

        h3 {
          color: #2e2e2e;
          font-size: 18px;
        }

        .position {}

        p {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }

        .more {
          cursor: pointer;
          margin: 50px auto 32px;
          width: 148px;
          height: 43px;
          border: 1px solid;
          color: currentColor;
          line-height: 43px;
          text-align: center;

          &:hover {
            color: #b9ab77;
          }
        }
      }
    }
  }
}

.footer {
  overflow: hidden;
  color: #f3f3f3;
  background-color: #4d4d4d;

  .footer-c {
    .record {
      P {
        color: #f3f3f3;
      }
    }

    .join {
      .join-item {
        color: #f3f3f3;
      }
    }
  }
}